<template>
  <div>
    <!-- https://v2.cn.vuejs.org/v2/guide/components-props.html -->
    <!-- 父向子通过属性props来传值的 -->
    <!-- 属性前面有冒号称为动态绑定 如果没有冒号写死的 -->
    <!-- 属性="数字"会被认为传的是字符串 :属性="数字"会被认为是传的是数字 -->
    <!-- 'true' -->
    <!-- '[1,2,3]' -->
    <!-- props和data的区别
    props是父亲传过来的数据 它是只读的，符合单向数据流的规则 性别 肤色 基因 
    data是自己的数据 想怎么玩怎么玩 自己买的衣服 自己存的钱 私有 -->
    <button @click="a = 2">按钮</button>
    <p>{{ a }}</p>
    <MyCeshi :a="a" :c="{ name: 'zs' }" d="男" e="3232@qq.com"></MyCeshi>
  </div>
</template>

<script>
import MyCeshi from "@/components/MyCeshi.vue";
export default {
  components: {
    MyCeshi,
  },
  data() {
    return {
      a: 1,
    };
  },
  methods: {},
};
</script>

<style scoped></style>
